$menu-icon: #fff;
$menu-text: #fff;
$menu-icon-hover: #fff;
$menu-text-hover: #fff;
$menu-bg-hover: #5E95FF;
$menu-bg-active: #5E95FF;
$color-header-icon: #D8D9FF;

$color-top-header: #07093E;

// 一级菜单背景色
$background-father-color: #030523;
// 二级背景色
$background-second-color: #050834;



.learun-theme-color-type-darkBlue {

  .learun-header {
    background-color: $color-top-header;

    &:after {
      display: none;
    }

    .el-avatar {
      background-color: #79C6FF;
      color: #fff;
    }

    &--icon-btn {
      color: $color-header-icon;

      &:hover {
        color: $color-header-icon;
      }



      &:not(.noBg):before {
        display: none;
      }
    }
  }

  /* 侧边栏调整 */
  .learun-sidebar {
    background-color: $color-top-header;

    &__collapse {
      border-bottom: 0;
      color: $text-color-secondary;
    }
  }


  .learun-el-menu.learun-el-menu-dark {
    &.el-menu {
      background-color: $background-father-color;
    }

    .el-menu {
      background-color: $background-second-color;
    }

    .el-menu__icon {
      color: $menu-icon;
    }

    .el-menu__text {
      color: $menu-text;
    }

    .el-menu-item,
    .el-submenu__title {

      &:before {
        left: 0;
        right: 0;
        border-radius: 0;
      }


      &:hover {

        .el-menu__icon,
        .el-submenu__icon-arrow {
          color: $menu-icon-hover;
        }

        .el-menu__text {
          color: $menu-text-hover;
        }

        &:before {
          content: '';
          background: $menu-bg-hover;
        }
      }


      &.is-active {

        .el-menu__icon,
        .el-submenu__icon-arrow {
          color: $menu-icon-active;
        }

        .el-menu__text {
          color: $menu-text-active;
        }

        &:before {
          content: '';
          background: $menu-bg-active;
        }
      }
    }
  }


  .learun-more-dark-el-menu {
    .el-menu{
      background-color: $background-second-color;
    }
    
    .el-menu__icon,.el-submenu__icon-arrow {
      color: $menu-icon-hover;
    }

    .el-menu__text {
      color: $menu-text-hover;
    }

    .el-menu-item:before,.el-submenu__title:before {
      left: 0 !important;
      right: 0 !important;
      border-radius: 0 !important;
    }

    .el-menu-item,
    .el-submenu__title {

      &:hover {

        .el-menu__icon,
        .el-submenu__icon-arrow {
          color: $menu-icon-hover;
        }

        .el-menu__text {
          color: $menu-text-hover;
        }

        &:before {
          content: '';
          background: $menu-bg-hover;
        }
      }

    }

    .el-submenu {
      &.is-opened>.el-submenu__title {
        background-color: transparent;
        &:before {
          background: $menu-bg-hover;
        }
      }

      &.is-active>.el-submenu__title {

        .el-menu__icon,
        .el-submenu__icon-arrow {
          color: $menu-icon-active;
        }

        .el-menu__text {
          color: $menu-text-active;
        }

        &:before {
          content: '';
          background: $menu-bg-active;
        }
      }
    }
  }


  /*菜单选项卡调整*/
  .learun-tags {
    .el-tabs--card>.el-tabs__header .el-tabs__nav {
      padding-top: 0;
    }

    .el-tabs--card>.el-tabs__header .el-tabs__item {
      height: $tag-height;
      line-height: $tag-height;
      color: $text-color-secondary;

      &:after {
        content: '';
        position: absolute;
        bottom: 0;
        height: 2px;
        left: 50%;
        right: 50%;
        background: $primary-color;
        transition: all .3s;
      }

      &.is-active {
        color: $primary-color;
        background: transparent !important;

        &:after {
          left: 8px;
          right: 8px;
        }
      }

      &:hover {
        color: $primary-color;
      }

      .el-icon-close:hover {
        background-color: $primary-color !important;
      }
    }
  }

}